<script data-legit=teapo type="text/javascript" src="https://getfirebug.com/firebug-lite.js"> data-bind="attr: { once: initWithTree($element) }">​ <ul> <li> <div class=teapo-dir-name>app</div> <ul> <li> <div class=teapo-file-name>FileTree.ts</div> <pre class=teapo-file-content>Some file ok</pre> </li> <li> <div class=teapo-file-name>FileTree1.ts</div> <pre class=teapo-file-content>Some file one OK</pre> </li> <li> <div class=teapo-dir-name>src</div> <ul> <li> <div class=teapo-file-name>sub.txt</div> <pre class=teapo-file-content>sub.txt content</pre> </li> <li> <div class=teapo-file-name>zero.txt</div> <pre class=teapo-file-content>sub.txt content</pre> </li> </ul> </li> </ul> </li>​ <li> <div class=teapo-file-name>boom.txt</div> <pre class=teapo-file-content>What is this?</pre> </li> <li> <div class=teapo-file-name>boom1.txt</div> <pre class=teapo-file-content>What is this ONE?</pre> </li> <li> <div class=teapo-file-name>boom2.txt</div> <pre class=teapo-file-content>What is this TWO?</pre> </li>​ </ul> </div> <div class=teapo-buttons-column> <button data-bind="click: addClick"> add </button> <button data-bind="click: deleteClick"> delete </button> </div>​ </div>​ </div></div>​<script data-legit=teapo>try { teapo.app.start(); } catch (err) { alert(err+' '+err.stack); }</script>​<!--<script data-legit=teapo type="text/javascript" src="https://getfirebug.com/firebug-lite.js">{ overrideConsole: true, startInNewWindow: false, startOpened: true}</script>-->​</body></html>​